<template>
  <div id="system-config" class="row">
    <div class="col-12 bg-info text-center text-white fa-2">
      系统设置
    </div>

    <ul class="nav nav-tabs nav-bordered mb-3" id="myTab" role="tablist">
      <li class="nav-item">
        <a class="nav-link active" id="worktime-tab" data-bs-toggle="tab" href="#worktimeConfig" role="tab" aria-controls="worktime" aria-selected="false">基本设置</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" id="order-tab" data-bs-toggle="tab" href="#orderConfig" role="tab" aria-controls="worktime" aria-selected="false">订单</a>
      </li>
       <li class="nav-item">
        <a class="nav-link" id="global-price-tab" data-bs-toggle="tab" href="#globalPriceConfig" role="tab" aria-controls="worktime" aria-selected="false">全局加价</a>
      </li>
      <li class="nav-item">
        <a class="nav-link " id="home-tab" data-bs-toggle="tab" href="#etermConfig" role="tab" aria-controls="home" aria-selected="true">黑屏</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" id="sms-tab" data-bs-toggle="tab" href="#smsConfig" role="tab" aria-controls="sms" aria-selected="false">短信</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" id="vaas-tab" data-bs-toggle="tab" href="#vaasConfig" role="tab" aria-controls="vaas" aria-selected="false">机场服务</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" id="weixin-service-tab" data-bs-toggle="tab" href="#weixinServiceConfig" role="tab" aria-controls="wxService" aria-selected="false">微信公众号</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" id="work-weixin-tab" data-bs-toggle="tab" href="#workWeixinConfig" role="tab" aria-controls="wwService" aria-selected="false">企业微信</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" id="alipay-tab" data-bs-toggle="tab" href="#alipayConfig" role="tab" aria-controls="alipay" aria-selected="false">支付宝</a>
      </li>
      
     
    </ul>
    <div class="tab-content col-12" id="myTabContent">
      <eterm-config id="etermConfig" ></eterm-config>
      <sms-config id="smsConfig"></sms-config>
      <vaas-config id="vaasConfig"></vaas-config>
      <worktime-config id="worktimeConfig" class="show active"></worktime-config>
      <order-config id="orderConfig"></order-config>
      <global-price-config id="globalPriceConfig"></global-price-config>
      <weixin-service-config id="weixinServiceConfig"></weixin-service-config>
      <work-weixin-config id="workWeixinConfig"></work-weixin-config>
      <alipay-config id="alipayConfig"></alipay-config>
    </div> 

  </div>
</template>

<script>
import EtermConfig from '@/components/config/eterm-config'
import VaasConfig from '@/components/config/vaas-config'
import SmsConfig from '@/components/config/sms-config'
import WorktimeConfig from '@/components/config/worktime-config'
import OrderConfig from '@/components/config/order-config'
import GlobalPriceConfig from '@/components/config/global-price-config'
import WeixinServiceConfig from '@/components/config/weixin-service-config'
import WorkWeixinConfig from '@/components/config/work-weixin-config'
import AlipayConfig from '@/components/config/alipay-config'


export default {
  components: {
    EtermConfig,
    VaasConfig,
    SmsConfig,
    WorktimeConfig,
    OrderConfig,
    GlobalPriceConfig,
    WeixinServiceConfig,
    WorkWeixinConfig,
    AlipayConfig
  }
}
</script>
